.lession-item-container {
    width: 224px;
    height: 280px;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    margin: 10px;

    .lession-item-header {
        height: 126px;
        overflow: hidden;

        .lession-item-header-img {
            width: 224px;
        }
    }

    .lession-item-body {
        height: 100px;
        .body-one {
            padding: 10px;
        }

        .body-two {
            padding: 5px 10px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            font-size:13px;
            color: #999;
        }
        .body-three {
            display: flex;
            justify-content: space-between;
            padding: 0 10px;
            color: #f00;
        }
    }

    .lession-item-footer {
        flex-grow: 1;
        display: flex;
        justify-content:space-between;
        padding: 0 10px;
        color: #999;
        .lession-item-footer-left{
            display: flex;
            align-items: center;
            .avatar{
                width: 30px;  
                height: 30px;     
            }
        }
        .lession-item-footer-right{
            display: flex;
            align-items: center;
        }
        .lession-item-footer-right1{
            display: flex;
            align-items: center;
        }
        
    }

}